<template>
    <h3></h3>
    <div class="box">
        <router-link to="/">Home</router-link> 
        <router-link to="/:pathMatch(.*)">404</router-link>
        <router-link to="/login">登录</router-link>
        <router-link to="/adminlogin">管理员登录</router-link>
        <router-link to="/uregister">注册</router-link>
        <router-link to="/lssueorder">用户页面</router-link>
        <!-- <button @click="fn4">go(1)前进</button>
        <button @click="fn5">go(-1)后退</button>  -->

        <router-link to="/aadministrators">管理员页面</router-link>
        <router-link to="/workers">跑腿员页面</router-link>
        <router-link to="/choose">跑腿员选择订单页面</router-link>
        <router-link to="/usersfirst">用户一</router-link>
        <router-link to="/workersfirst">跑腿员一</router-link>
    </div>
    <router-view>
         
    </router-view>
</template>

<script>
    export default {
        components:{
        },
        methods: {
            fn4(){
                this.$router.go(1);
            },
            fn5(){
                this.$router.go(-1);
            },
        },
    }
</script>

<style lang="scss" scoped>
    div.box{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 60px;
    }
    a,button{
        background-color: #039;
        color: #fff;
        padding: 8px 20px;
        margin: 8px;
        &:hover{
            background: #c00;
        }
    }
    
</style>